<template>
  <pub-edit-description-item :span="1" label="证件类型">
    <el-form-item prop="cardTypeCode">
      <pub-select-dict
        :disabled="true"
        width="100%"
        v-model="cardTypeCode"
        dict-code="ZJLX"
        placehoder="请选择"
      ></pub-select-dict>
    </el-form-item>
  </pub-edit-description-item>
  <pub-edit-description-item :span="1" label="证件号码">
    <el-form-item prop="idCard">
      <pub-input v-model="idCard" :disabled="true" />
    </el-form-item>
  </pub-edit-description-item>
  <pub-edit-description-item :span="1" label="性别">
    <el-form-item prop="sexCode">
      <pub-select-dict
        :disabled="true"
        width="100%"
        v-model="sexCode"
        dict-code="XB"
        placehoder="请选择"
      ></pub-select-dict>
    </el-form-item>
  </pub-edit-description-item>
  <pub-edit-description-item :span="1" label="出生日期">
    <el-form-item prop="birthDate">
      <pub-select-date
        :clearable="false"
        v-model="birthDate"
        :disabled="true"
      ></pub-select-date>
    </el-form-item>
  </pub-edit-description-item>
  <pub-edit-description-item :span="1" label="年龄">
    <el-form-item prop="age">
      <pub-input disabled v-model="age" />
    </el-form-item>
  </pub-edit-description-item>
</template>
<script setup>
import { useVModels } from '@vueuse/core'
const props = defineProps({
  cardTypeCode: String,
  idCard: String,
  age: Number,
  birthDate: String,
  sexCode: String
})
const emit = defineEmits([
  'update:cardTypeCode',
  'update:idCard',
  'update:age',
  'update:birthDate',
  'update:sexCode',
  'confirm'
])
const { cardTypeCode, idCard, age, birthDate, sexCode } = useVModels(
  props,
  emit
)
</script>
<style lang="scss" scoped></style>
